<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href = "../css/bootstrap.min.css">
    <style type="text/css">
        div{
            border: 1px solid #000;
        }
    </style>
<title>列表样式</title>
</head>
<body>
	<div class="container">
		<ul>
			<li>中国</li>
			<li>美国</li>
			<li>英国</li>
		</ul>
		<ol>
			<li>中国</li>
			<li>美国</li>
			<li>英国</li>
		</ol>
		<hr>
		<ol class="list-unstyled">
			<li>中国</li>
			<li>美国</li>
			<li>英国</li>
		</ol>
		<ul class="list-inline">
			<li><a href="">中国</a></li>
			<li><a href="">美国</a></li>
			<li><a href="">英国</a></li>
		</ul>
		<dl>
			<dt>标题1</dt>
			<dd>描述1.。。。。。。。。。。。。。。。。</dd>
			<dt>标题2</dt>
			<dd>描述2.。。。。。。。。。。。。。。。。</dd>
			<dt>标题3</dt>
			<dd>描述3.。。。。。。。。。。。。。。。。</dd>
		</dl>
		<dl class="dl-horizontal">
			<dt>标题1</dt>
			<dd>描述1.。。。。。。。。。。。。。。。。</dd>
			<dt>标题2</dt>
			<dd>描述2.。。。。。。。。。。。。。。。。</dd>
			<dt>标题3</dt>
			<dd>描述3.。。。。。。。。。。。。。。。。</dd>
		</dl>



	</div>
</body>
</html>